body
  font 14px/1.5 Helvetica, arial, sans-serif
  button
  button.button
  input[type='button']
  input[type='submit']
    border-radius 5px

header
  #logo,div
    font-size:14px

ul
  li a
    display: block
    color: blue
    padding: 5px
    html.ie &
      padding: 6px
    &:hover
      color: red

border-radius()
  -webkit-border-radius: arguments
  -moz-border-radius: arguments
  border-radius: arguments

button
  border-radius(5px 3px)



ds()
  position arguments || absolute
  z-index 1 unless @z-index

background-color = #000

#logo
  z-index: 20
  ds(absolute)
  background-color: background-color

#logo2
  ds()
  color: blue
  background-color @color

#dfe
  position: absolute
  top: 150px
  left: 50%
  width: w = 200px
  margin-left: -(w / 2)

-pos(type, args)
  i = 0
  position unquote(type)
  {args[i]} args[i + 1] is a 'unit' ? args[i += 1] : 0
  {args[i += 1]} args[i + 1] is a 'unit' ? args[i += 1] : 0

absolute()
  -pos('absolute', arguments)

fixed()
  -pos('fixed', arguments)

#prompt
  absolute: top 150px left 5px
  width: 200px
  margin-left: -(@width / 2)

#logo
  fixed: top left


table
  for row in 1 2 3 4 5
    tr:nth-child({row})
      height: 10px * row

vendors = webkit moz o ms official
border-radius()
  for vendor in vendors
    if vendor == official
      border-radius: arguments
    else
      -{vendor}-border-radius: arguments
#content
  border-radius: 5px


@keyframes pulse
  0%
    background-color red
    transform scale(1.0) rotate(0deg)
  33%
    background-color blue
    -webkit-transform scale(1.1) rotate(-5deg)

body
  font 14px/1.4 '微软雅黑'